/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:16px; cursor:default; color: #333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: #333;}
a:hover{ text-decoration:none; color: #3371cc;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}

*:focus {
    outline: -webkit-focus-ring-color auto 2px;
 outline-color: -webkit-focus-ring-color;
 outline-style: auto;
 outline-width: 2px;
}
*:focus-visible {
    outline: -webkit-focus-ring-color auto 2px;
 outline-color: -webkit-focus-ring-color;
 outline-style: auto;
 outline-width: 2px;
}


.fl { float: left;}
.fr { float: right;}
.clear { clear: both;}
.w1200 { width: 1200px; margin: 0 auto;}

.Hj-EasyRead-Container { margin-left: 610px !important;}

/* 分页 */
.paging .total_count, .paging .page_jump{
    display: none;
}
.nextpage{padding: 10px 0 20px !important;height: auto !important;}
.nextpage ul {float: none !important;text-align: center;}
.nextpage ul li{ float: none !important;display: inline-block;height:38px;line-height:38px;color:#333;font-size:14px;}
.nextpage ul li:first-child{ margin-right:10px;}
.nextpage ul li a, .nextpage ul li span{ display:block; float:left; height:38px; line-height:38px; padding:0 16px; border:1px solid #ebebeb; background:#f7f7f7; border-bottom:2px solid #ebebeb;}
.nextpage ul li a:link,.nextpage ul li a:visited{ color:#666;}
.nextpage ul li a:hover{ background:#fff; color:#333; text-decoration:none; border-bottom-color:#1a70a7;}
.nextpage ul li.thisclass{ padding:0 16px; color:#fff; background:#2b5c94;}
.nextpage ul li .current{background:#fff; color:#333; text-decoration:none; border-bottom:2px solid #1a70a7;}

body { background: #f4f6f7;}
/* top */
.top {background: #3371cc;padding: 6px 0 10px;overflow: hidden;line-height: 1;}
.top * {color: #fff;}
.top .fl a {font-size: 12px;}
.top .fl a:hover { color: #fff;}


/* header */
.header {  background:  url(2022jtt_commom_bg.png) no-repeat center top; padding-top: 50px; overflow: hidden;}
.header .w1200 { overflow: hidden;}
.header .logo { float: left;}
.older-model {float: right;width: 173px;height: 50px;border-radius: 5px;background: #f09622;font-size: 24px;line-height: 50px;font-weight: bold;color: #fff;text-align: center;margin-left: 10px;margin-top: 20px;}
.older-model:hover { color: #fff;}

.search { float: right; background: #fff; border-radius: 5px; box-shadow: 0 0 10px 3px #eee; overflow: hidden; margin-top: 20px;}
.search h3 { float: left}
.search select {float: left;border: 0;height: 50px;font-weight: normal;line-height: 50px;width: 120px;text-indent: 15px;outline: none;font-size: 16px;}
.search select option { height: 50px; line-height: 50px; padding: 10px;}
.search .search-txt {float: left;border: 0;outline: none;cursor: text;line-height: 50px;padding: 0 10px;font-size: 16px;height: 50px;}
.search .search-btn { float: left; background: #3371cc url(2022jtt_search.png) no-repeat 20px center; border: 0; outline: none; cursor: pointer; width: 115px; height: 50px; font-size: 18px; line-height: 50px; color: #fff; text-indent: 15px;}

/* nav */
.nav_bar {border-bottom: 5px solid #3371cc;margin-top: 50px;}
.nav { overflow: hidden;}
.nav li { float: left; width: 20%; text-align: center;}
.nav li a { display: block; font-size: 24px; font-weight: bold; padding: 15px 0;}
.nav li.nav01 { background: url(2022jtt_nav_icon01.png) no-repeat 35px center;}
.nav li.nav02 { background: url(2022jtt_nav_icon02.png) no-repeat 35px center;}
.nav li.nav03 { background: url(2022jtt_nav_icon03.png) no-repeat 35px center;}
.nav li.nav04 { background: url(2022jtt_nav_icon04.png) no-repeat 35px center;}
.nav li.nav05 { background: url(2022jtt_nav_icon05.png) no-repeat 35px center;}
.nav li a:hover { color: #3371cc;}


.friend-link { background: #3371cc; height: 45px; padding-top: 30px;}
.friend-link>ul>li { position: relative; float: left; width: 224px; margin-left: 20px; z-index: 9;}
.friend-link>ul>li:first-child { margin-left: 0;}
.friend-link>ul>li>a{display: block;width: 224px;height: 45px;background: #5893e8 url(2022jtt_footer_jt.png) no-repeat 170px center;color: #fff;text-align: center;line-height: 45px;font-size: 16px;}
.friend-link .sub { display: none; position: absolute; left: 0; right: 0; bottom: 45px; background: #fff; max-height: 216px; overflow-x: hidden; overflow-y: auto;}
.friend-link .sub li { font-size: 14px; text-align: center; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* footer */
.footer { padding: 35px 0; background: #3371cc; overflow: hidden;}
.footer .footer-img { padding-top: 25px;}
.friend-link .sub::-webkit-scrollbar { width:9px; height:9px;}
.friend-link .sub::-webkit-scrollbar-track { width: 6px; background-color:#f1f1f1; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.friend-link .sub::-webkit-scrollbar-thumb { background-color:#ddd; background-clip:padding-box; min-height:28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.friend-link .sub::-webkit-scrollbar-thumb:hover { background-color:#999;}

.footer .text { float: left; padding: 5px 0 0 40px;}
.footer .text li { font-size: 14px; line-height: 30px; color: #bad5fc;}
.footer .text li a { color: #bad5fc;}
.footer .fr li { float: left; background: #2b64b8; padding: 10px; margin-left: 10px; font-size: 0;}
.footer .fr li img { float: left;}
.footer .fr li span { float: left; line-height: 20px; font-size: 14px; color: #bad5fc; padding: 30px 10px 0 20px;}


@media screen and (max-width:1199px) {
    * { box-sizing: border-box;}
    .w1200 { width: 100%;}
    .top,.comm_topLink,#topSystemBtn_id,.friend-link,.footer .fr,.art-btn,.jtkj,#jhjgg2 {display: none !important;}
    .header { padding-top: 60px;}
    .header .w1200 { overflow: visible;}
    .header .logo { float: none; text-align: center;}
    .header .logo img {max-width: 98%;height: auto;}
    .search {float: none;width: 480px;margin: 30px auto 0;}
    .search select { width: 100px; line-height: 40px; height: 40px;}
    .search .search-txt { padding: 0; width: calc(100% - 200px); height: 40px;line-height:40px;}
    .search .search-btn { width: 100px; background-image: none; text-indent: 0;height: 40px;line-height:40px;}
    .older-model {position: absolute;right: 10px;top: 10px;width: 140px;height: 40px;line-height: 40px;font-size: 20px;margin: 0;}

    .footer { padding: 25px 10px;}
    .footer .footer-img,.footer .text { width: 100%; text-align: center;}
    .footer .footer-img { padding-top: 0;}
    .footer .text { padding: 0;}

    .nav_bar { margin-top: 30px;}
    .nav { overflow: hidden !important;}
    .nav li { background: none !important;}

}

@media screen and (max-width: 768px) {
    .nav_bar { border-bottom: 0; margin-top: 30px;}
    .nav li { width: calc(100% / 3);}
    .nav li:first-child,.nav li:nth-child(2) { width: 50%; border-bottom: 1px solid #fff;}
    .nav li:nth-child(2),.nav li:nth-child(4),.nav li:nth-child(5) { border-left: 1px solid #fff;}
    .nav li a { padding: 0; line-height: 60px; font-size: 20px; background: #3371cc; color: #fff;}
}

@media screen and (max-width:480px) {
    .search {width: 95%;}
    .search h3 { display: none;}
    .search .search-txt,.search .search-btn { height: 40px; line-height: 40px;}
    .search .search-btn { width: 100px; font-size: 16px; background-image: none; text-align: center; text-indent: 0;}
}